slistrom / me-react-front

import {Link} from "react-router-dom";

import auth from "./auth.js";

class Report extends Component {

    constructor() {

        super();

        this.state = {

            data: null,

            number: null

        };

    }

    componentDidMount() {

        // console.log(this.props);

        fetch("https://me-api.listrom.me/reports/week/" + this.props.match.params.number)

            .then(response => response.json())

            .then(data => {

                this.setState({ data: data.data.text});

                // console.log(this.state.data);

            });

    };

    componentDidUpdate(prevProps) {

        if(prevProps.match.params.number !== this.props.match.params.number) {

            fetch("https://me-api.listrom.me/reports/week/" + this.props.match.params.number)

                .then(response => response.json())

                .then(data => {

                    this.setState({ data: data.data.text});

                    // console.log(this.state.data);

                });

        }

    }

    }

}